<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Dyniqx &raquo; Query Interface</title>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
    <script type='text/javascript' src='/Dyniqx/dwr/engine.js'></script>
    <script type='text/javascript' src='/Dyniqx/dwr/interface/SessionWrapper.js'></script>
    <script type='text/javascript' src='/Dyniqx/dwr/util.js'></script>
    <script type="text/javascript" src="javascripts/prototype.js"></script>
    <script type="text/javascript" src="javascripts/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="javascripts/ext.js"></script>
    <script type="text/javascript" src="javascripts/application.js"></script>
    <link rel="stylesheet" type="text/css" href="javascripts/resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/browser-reset.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/buttons.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/application.css" />
  </head>
  <body onload="dwr.engine.setActiveReverseAjax(true);">
    <div id="container">
      <div id="header">
        <h1>DYNIQX</h1>
        <h2>Metadata-based DYNamIc Query Interface <br />for Cross(X)-searching content resources</h2>
      </div>
      <div id="main">
        <div id="step-one">
          <div id="raw-search" class="tab">
            <div id="search-form" class="form">
              <h3 class="subtitle">Add new query to result pool</h3>
              <p class="float-manager">
                <input id="query" type="text" name="query" onkeypress="dwr.util.onReturn(event, Dyniqx.sendMessage);" />
                <button class="button positive" onclick="Dyniqx.sendMessage();return false;">
                  <img src="stylesheets/icons/tick.png" alt="" /> Submit query
                </button>
                <button class="button negative" onclick="Dyniqx.resetPool();return false;">
                  <img src="stylesheets/icons/cross.png" alt="" /> Reset pool 
                </button>
                <button id="new-results" class="button neutral" onclick="Dyniqx.fetchNewTerms();return false;" style="display: none;">
                  <img src="stylesheets/icons/refresh.gif" alt="" /> <span id="new-results-counter">0</span> new results. Get them!
                </button>
                <button id="no-results" class="button disabled">
                  <img src="stylesheets/icons/search.gif" alt="" /> Nothing new to fetch.
                </button>
              </p>
            </div>
            <div id="hidden-area" style="display: none;">
              <textarea id="dumping"></textarea>             
              <span id="displayed-results-counter">0</span>
              <span id="all-results-counter">0</span>
              <div id="terms-dumping"></div>
            </div>
            <h3 class="subtitle">Filter results by</h3>
            <div id="terms">No results fetched yet. Hit "Get them!" button or send more queries!</div>
          </div>
        </div>
        <div id="step-two">
          <div id="refine-results">           
            <input id="refine" type="hidden" name="refine" />
            <textarea id="refined-dumping" style="display: none;"></textarea>      
            <ul id="refined-results"></ul>
          </div>
        </div>
      </div>
      <div id="options" class="tab">            
            <div id="pool">
              <h3 class="subtitle">Current active queries</h3>
              <div id="grid"></div>
            </div>
      
            <h3 class="subtitle">DYNIQX repository listing</h3>
            <table id="repositories">
                <tr>
                    <td colspan="2">
                        <h4>Documents</h4>
                        <a href="http://www.pubmedcentral.nih.gov/" title="PubMed" target="_blank">
                            <img src="stylesheets/logos/logo-pubmed.png" alt="PubMed" />
                        </a>
                        <a href="http://www.intute.ac.uk/" title="Intute" target="_blank">
                            <img src="stylesheets/logos/logo-intute.png" alt="Intute" />
                        </a>
                        <a href="http://scholar.google.com" title="Google Scholar" target="_blank">
                            <img src="stylesheets/logos/logo-google-scholar.png" alt="Google Scholar" />
                        </a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <h4>Images</h4>
                        <a href="http://images.google.co.uk" title="Google Images" target="_blank">
                            <img src="stylesheets/logos/logo-google-images.png" alt="Google Images" />
                        </a>
                        <a href="http://images.search.yahoo.com/" title="Yahoo Images" target="_blank">
                            <img src="stylesheets/logos/logo-yahoo.png" alt="Yahoo Images" />
                        </a>
                    </td>
                    <td>
                        <h4>Videos</h4>
                        <a href="http://video.google.co.uk" title="Google Video" target="_blank">
                            <img src="stylesheets/logos/logo-google-video.png" alt="Google Video" />
                        </a>
                    </td>
                </tr>
            </table>
            
            <h3 class="subtitle">Exclude queries from search</h3>
            <ul id="restricted"></ul>
            
            <h3 class="subtitle">Display following engines</h3>
            <dl id="engines">
                <dt>Documents</dt>
                <dd>
                  <span><input type="checkbox" name="chk_pbm" value="PubMed" checked="checked" onclick="Dyniqx.manageEngines(this);" /> PubMed</span>
                  <span><input type="checkbox" name="chk_int" value="Intute" checked="checked" onclick="Dyniqx.manageEngines(this);" /> Intute</span>
                  <span><input type="checkbox" name="chk_gs" value="Google Scholar" checked="checked" onclick="Dyniqx.manageEngines(this);" /> Google Scholar</span>
                  <!-- span><input type="checkbox" name="chk_prx" value="PerX" checked="checked" onclick="Dyniqx.manageEngines(this);" /> PerX</span -->
                </dd>
                <dt>Images</dt>
                <dd>
                  <span><input type="checkbox" name="chk_gim" value="Google Images" checked="checked" onclick="Dyniqx.manageEngines(this);" /> Google Images</span>
                  <span><input type="checkbox" name="chk_yim" value="Yahoo Images" checked="checked" onclick="Dyniqx.manageEngines(this);" /> Yahoo Images</span>
                </dd>
                <dt>Videos</dt>
                <dd>
                    <span><input type="checkbox" name="chk_gvi" value="Google Video" checked="checked" onclick="Dyniqx.manageEngines(this);" /> Google Video</span>
                </dd>
            </dl>
            
            <h3 class="subtitle">Search for an expert with ExpertSearch<sup>new!</sup></h3>
            <div id="expertsearch">
                No query yet.
            </div>
      </div>
      
      <div id="footer">
        <p>DYNIQX: Metadata-based DYNamIc Query Interface for Cross(X)-searching content resources. DYNIQX is a six-month project sponsored by <a href="http://www.jisc.ac.uk/" title="http://www.jisc.ac.uk/">JISC</a>. The participating organisations of DYNIQX include <a href="http://www.open.ac.uk" title="http://www.open.ac.uk">The Open University</a> (lead organisation), <a href="http://www.intute.ac.uk/" title="http://www.intute.ac.uk/">Intute</a> at <a href="http://www.manchester.ac.uk/" title="http://www.manchester.ac.uk/">University of Manchester</a>, and the Heriot-Watt University Library's <a href="http://www.icbl.hw.ac.uk/perx/" title="http://www.icbl.hw.ac.uk/perx/">PerX team</a>.</p>
        <p>Please view the Dyniqx demo using Firefox or IE 7.0 browsers.</p>
      </div>
    </div>
  </body>
</html>